<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>宠物行业数据库报告</title>
    <!-- <script src="https://oss.petslib.cn/prod/static/cdns/pdfjs-dist/legacy-2.12.313/build/pdf.js"></script>
    <script>
        pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://oss.petslib.cn/prod/static/cdns/pdfjs-dist/legacy-2.12.313/build/pdf.worker.js'
    </script> -->
    <script src="https://oss.petslib.cn/prod/static/cdns/pdfjs-dist/legacy-3.9.179/build/pdf.js"></script>
    <script>
        pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://oss.petslib.cn/prod/static/cdns/pdfjs-dist/legacy-3.9.179/build/pdf.worker.js'
    </script>

    <script>
        const IS_MOBILE = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i.test(navigator.userAgent);

        (() => {
            // h5上展示pc页面需要
            if (IS_MOBILE) {
                // 375屏幕下根元素的fontSize刚好是16px
                // html { font-size: 4.26667vw !important; }
                function setRem() {
                    var cw = document.documentElement.clientWidth;
                    cw = cw > 540 ? 540 : cw;
                    var fz = (cw * 4.26667) / 100;
                    document.documentElement.style.fontSize = fz + 'px';
                }
                setRem();
                window.addEventListener('resize', setRem);
            } else {
                document.documentElement.style.fontSize = '16px'
            }
        })();
    </script>
    <script type="module" src="/src/index.js"></script>
    <style>
        /* html {
            font-size: 16px;
        }

        @media screen and (max-width: 540px) {
            html {
                font-size: 4.26667vw;
            }
        } */

        svg {
            width: 1em;
            height: 1em;
            fill: currentColor;
            font-size: inherit;
        }

        html,
        body {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
        }
    </style>
</head>

<body>
    <div style="width: 100%;height: 100%;">
        <div class="pdfviewer-wrapper" id="pdfviewer-wrapper">
            <div class="pdfviewer-hd">
                <div class="pdfviewer-hd-item expand-sample-wrap">
                    <div class="pdfviewer-hd-act btn_expand_sample" title="展开缩略图">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                            <path
                                d="M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM9 5V19H20V5H9Z">
                            </path>
                        </svg>
                    </div>
                </div>
                <!-- <div class="pdfviewer-hd-item">
                    <div class="pdfviewer-hd-act btn_search" title="搜索">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                            <path
                                d="M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z">
                            </path>
                        </svg>

                        <div class="search-popup">
                            <input type="text">
                        </div>
                    </div>
                </div> -->
                <div class="pdfviewer-hd-item">
                    <div>
                        第 <span class="txt_current_page">1</span> 页 / 共 <span class="txt_total_page">0</span> 页
                    </div>
                </div>
                <div class="pdfviewer-hd-item sep"></div>
                <div class="pdfviewer-hd-item prev-next-page">
                    <div class="pdfviewer-hd-act btn_prev_page" title="上一页">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                            <path
                                d="M13.0001 7.82843V20H11.0001V7.82843L5.63614 13.1924L4.22192 11.7782L12.0001 4L19.7783 11.7782L18.3641 13.1924L13.0001 7.82843Z">
                            </path>
                        </svg>
                    </div>
                    <div class="pdfviewer-hd-act btn_next_page" title="下一页">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                            <path
                                d="M13.0001 16.1716L18.3641 10.8076L19.7783 12.2218L12.0001 20L4.22192 12.2218L5.63614 10.8076L11.0001 16.1716V4H13.0001V16.1716Z">
                            </path>
                        </svg>
                    </div>
                </div>
                <div class="pdfviewer-hd-item">
                    <div class="pdfviewer-hd-act btn_zoom_out" title="放大">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                            <path
                                d="M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748ZM10 10V7H12V10H15V12H12V15H10V12H7V10H10Z">
                            </path>
                        </svg>
                    </div>
                    <div class="pdfviewer-hd-act zoom-dropdown" title="缩放比例">
                        <div class="txt_zoom_value-wrap">
                            <span class="txt_zoom_value">自适应</span>
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                                <path
                                    d="M12 15.0006L7.75732 10.758L9.17154 9.34375L12 12.1722L14.8284 9.34375L16.2426 10.758L12 15.0006Z">
                                </path>
                            </svg>
                        </div>
                        <ul>
                            <li data-value="-1">自适应</li>
                            <li data-value="0.5">50%</li>
                            <li data-value="1">100%</li>
                            <li data-value="1.25">125%</li>
                            <li data-value="1.5">150%</li>
                            <li data-value="2">200%</li>
                        </ul>
                    </div>
                    <div class="pdfviewer-hd-act btn_zoom_in" title="缩小">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                            <path
                                d="M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748ZM7 10H15V12H7V10Z">
                            </path>
                        </svg>
                    </div>
                </div>
                <div class="pdfviewer-hd-item sep"></div>
                <div class="pdfviewer-hd-item screenfull-wrap">
                    <div class="pdfviewer-hd-act btn_screenfull" title="切换全屏">
                        <svg data-on xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                            <path
                                d="M8 3V5H4V9H2V3H8ZM2 21V15H4V19H8V21H2ZM22 21H16V19H20V15H22V21ZM22 9H20V5H16V3H22V9Z">
                            </path>
                        </svg>
                        <svg data-off xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
                            <path
                                d="M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z">
                            </path>
                        </svg>
                    </div>
                </div>
            </div>
            <div class="pdfviewer-bd">
                <div class="loadingbar">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" width="1em"
                        height="1em">
                        <path
                            d="M18.364 5.63604L16.9497 7.05025C15.683 5.7835 13.933 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12H21C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C14.4853 3 16.7353 4.00736 18.364 5.63604Z">
                        </path>
                    </svg>
                    加载中...
                </div>
                <aside class="pdfviewer-bd-sample">
                    <div class="pdfviewer-pages-inner">
                        <!-- <div class="pdfviewer-page" data-index="0" data-page="1"></div> -->
                    </div>
                </aside>
                <div class="pdfviewer-bd-pages">
                    <div class="pdfviewer-pages-inner">
                        <!-- <div class="pdfviewer-page" data-index="0" data-page="1"></div> -->
                    </div>
                </div>
            </div>
            <div class="notice">获取数据信息失败，请重试！</div>
        </div>
    </div>
</body>

</html>